<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="language" content="zh-CN">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="description" content="圣地巡礼">
  <meta name="author" content="张三">
  <title>(oﾟvﾟ)ノ精彩巡记</title>
  <link href="styles/journal-style.css" rel="stylesheet">
  <link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.min.css">
  <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
  <script src="scripts/journey-js.js"></script>
</head>

<body>
  <!-----------顶层导航栏--------->
  <div class="topnav">
    <a class="title">
      <ruby>
        圣<rp>(</rp>
        <rt>中</rt>
        地<rt>二</rt>
        <rp>)</rp>
        巡礼🚆——比宇宙🌌更远的地方
      </ruby>
    </a>
    <a href="index.html"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp;首页💖</a>
    <a href="sightshow.html"><i class="fa fa-book fa-fw" aria-hidden="true"></i>&nbsp; 巡礼地点💖</a>
    <a href="custPlan.html"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>&nbsp;
      巡礼计划💖</a>
    <a class="active" href="/journal.html"><i class="fa fa-cog fa-fw" aria-hidden="true"></i>&nbsp; 精彩巡记💖</a>
    <span class="search-container">
      <form action="">
        <input type="text" placeholder="搜索.." name="search">
        <button type="submit"><i class="fa fa-search"></i></button>
      </form>
    </span>
  </div>

  <!-----------flex布局-游记--------->
  <div class="journalbox">
    <div class="journal1">
      <a href="https://www.bilibili.com/read/cv4791285/" target="_blank">
        <img src="images/journal1.jpg" alt="/">
      </a>
      <div class="description1">
        <a href="https://www.bilibili.com/read/cv4791285/" target="_blank">
          <h2>超还原！「吹响吧！上低音号」圣地巡礼</h2>
        </a>
        <p>作者：itorr</p>
        <p>
          从 AIR、Kanon、CLANNAD开始一步步变成丧心病狂的京蜜之后，吹京吹肯定也是必不可少的人生意义之一。在吹响还是新番的时候每周二晚都坐等更新、剩下一周时间不断重温，翻看兔子山之类的分析文章学习姿势、尝试从不同角度去理解分镜和原作所展现的细节。京阿尼的动画向来可以让我痴迷的投入其中。从轻音、冰菓不断变重的老镜头胶片味后期风格也深得我心，京阿尼的摄影风格已然成为了京阿尼动画的一部分。
          如果可以到取材地转一转该多好啊？
          抱着这个想法，一七年开始了这个「追求实景和画面一致瞬间」的京吹巡礼计划。
        </p>
        <br>
        <p>相关bgm：</p>
        <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
          src="http://music.163.com/outchain/player?type=2&id=1442381570&auto=0&height=66">
        </iframe>
      </div>
    </div>
    <div class="journal2">
      <a href="https://www.bilibili.com/read/cv6135146" target="_blank">
        <img src="images/journal2.jpg" alt="/">
      </a>
      <div class="description2">
        <a href="https://www.bilibili.com/read/cv6135146" target="_blank">
          <h2>最后的告白！《四月是你的谎言》圣地巡礼攻略终极保存版【软游记】</h2>
        </a>
        <p>作者：软软冰 </p>
        <p>
          这期软游记是以宫园薰最后的告白信为主线，对应她的语句穿插了相应的剧情发生的现实场景。比如开头是两人相遇的公园，生病的部分就放了实际医院的景，最后的结尾也使用了动画最终话出现的改札口。可能有人会觉得这个视频里对比好像还不够多啊，其实除了纯樱花过场的几个镜头，所有的视频里的实景都是圣地，只是部分没有加对比图。
          为什么没有加？这是因为部分动画的画面和现实一致度较低，色调相差过大，放进去会影响整体的统一感。所以接下来在图文攻略里给大家详细解说每个场景。
        </p>
        <br>
        <p>相关bgm：</p>
        <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
          src="http://music.163.com/outchain/player?type=2&id=30245064&auto=0&height=66"></iframe>
      </div>
    </div>
  </div>
  <div class="journal3">
    <a href="https://tieba.baidu.com/p/6025689558?red_tag=1384521814" target="_blank">
      <img src="images/journal3.jpg" alt="/">
    </a>
    <div class="description3">
      <a href="https://tieba.baidu.com/p/6025689558?red_tag=1384521814" target="_blank">
        <h2>路人女主养成方法-圣地巡礼（东京丰岛区）</h2>
      </a>
      <p>作者：leozhudd </p>
      <p>
        由于本次时间非常有限，我们要两天内在东京做四部作品的圣地巡礼（详见文末），所以本次路人女主的圣地巡礼仅限于东京丰岛区经典的のぞき坂及其周边。
      </p>
      <br>
      <p>相关bgm：</p>
      <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
        src="https://music.163.com/outchain/player?type=2&id=31246600&auto=0&height=66"></iframe>
    </div>
  </div>
  </div>
</body>

</html>